@charset "utf-8";
img{
    border-style:none;
}
.clearfix:after,.cl:after{content:'\20';display:block;height:0;clear:both;}.clearfix,.cl{*zoom:1;}.clear{clear:both;}
.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px;}.p30{padding:30px;}.p40{padding:40px;}.p50{padding:50px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}
.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}.pb50{padding-bottom:50px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}.pr50{padding-right:50px;}
.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}
.f12{font-size:12px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f22{font-size:22px;}.f24{font-size:24px;}.f26{font-size:26px;}.f28{font-size:28px;}.f30{font-size:30px;}.f32{font-size:32px;}.f34{font-size:34px;}.f36{font-size:36px;}
.cf00{color:#f00;}a.cf00:link,a.cf00:visited{color:#f00;}a.cf00:hover,a.cf00:active{color:#f00;}
.cf30{color:#f30;}a.cf30:link,a.cf30:visited{color:#f30;}a.cf30:hover,a.cf30:active{color:#f30;}
.cf60{color:#f60;}a.cf60:link,a.cf60:visited{color:#f60;}a.cf60:hover,a.cf60:active{color:#f60;}
.cf90{color:#f90;}a.cf90:link,a.cf90:visited{color:#f90;}a.cf90:hover,a.cf90:active{color:#f90;}
.cfc0{color:#fc0;}a.cfc0:link,a.cfc0:visited{color:#fc0;}a.cfc0:hover,a.cfc0:active{color:#fc0;}
.c000{color:#000;}a.c000:link,a.c000:visited{color:#000;}a.c000:hover,a.c000:active{color:#000;}
.c333{color:#333;}a.c333:link,a.c333:visited{color:#333;}a.c333:hover,a.c333:active{color:#333;}
.c666{color:#666;}a.c666:link,a.c666:visited{color:#666;}a.c666:hover,a.c666:active{color:#666;}
.c999{color:#999;}a.c999:link,a.c999:visited{color:#999;}a.c999:hover,a.c999:active{color:#999;}
.cccc{color:#ccc;}a.cccc:link,a.cccc:visited{color:#ccc;}a.cccc:hover,a.cccc:active{color:#ccc;}
.cfff{color:#fff;}a.cfff:link,a.cfff:visited{color:#fff;}a.cfff:hover,a.cfff:active{color:#fff;}
.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}
a:link,a:visited{ text-decoration:none;}a:hover,a:active{ text-decoration:none;}
.bold{font-weight:bold;}.normal{font-weight:normal;}
.left{text-align:left;}.center{text-align:center;}.right{text-align:right;}
.hide{display:none;}.block{display:block;}.inline-block{display:inline-block;}
/* .fl{float:left;}.fr{float:right;} */
.fl{flex:1;margin-right: 3px}.fr{flex:1;margin-left: 3px;}
.ofhidden{overflow:hidden;}
.vm > *{display:inline-block;vertical-align:middle;}
.op0{opacity: 0;}.op1{opacity: 0.1;}.op2{opacity: 0.2;}.op3{opacity: 0.3;}.op4{opacity: 0.4;}.op5{opacity: 0.5;}.op6{opacity: 0.6;}.op7{opacity: 0.7;}.op8{opacity: 0.8;}.op9{opacity: 0.9;}.op10{opacity: 1;}
.w10p{width:10%;}.w20p{width:20%;}.w30p{width:30%;}.w40p{width:40%;}.w50p{width:50%;}.w60p{width:60%;}.w70p{width:70%;}.w80p{width:30%;}.w90p{width:90%;}.w100p{width:100%;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w550{width:550px;}
.w600{width:600px;}
.w650{width:650px;}
.w700{width:700px;}
.w750{width:750px;}
.w800{width:800px;}

body,html{overflow-x:hidden;height:auto;background: #f6f6f6;margin: 0;}

::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5);border-radius:10px;}
::-webkit-scrollbar-track{background-color:transparent;}
::-webkit-scrollbar-button{}
::-webkit-scrollbar-track-piece{}
::-webkit-scrollbar-corner{}
::-webkit-resizer{}
@font-face { 
font-family: 'fontNameRegular'; 
src: local('fontName Regular'), 
local('fontName'), 
url('HYQiHei-55S.otf') format('truetype')
} 
ul,li{list-style: none;padding: 0;margin: 0;}
p,div{padding: 0;margin: 0;}
a{color: #666;}
/*------------ 共有样式 ------------*/



#swipes .swiper-pagination-bullet{width: 30px;height: 6px;border-radius: 0;}
#swipes .swiper-pagination-bullet-active{background: #000;}
#swipes{background: #ebecee;}
/**/
.recomand{display: flex;flex-direction:column;height: 180px;margin-top: 16px;}
.lateCont{flex:1;}
.blBook li .recomand{height: 162px;}

.topFlex{width: 1000px;margin-left:auto;margin-right: auto;height: 54px;}
.topFlex a{color: #666;font-size: 12px;padding: 0 10px;display: inline-block;}
.topFlex a:hover{color: #000;}
.whiteBg{background: #fff;}
.nav{display: flex;width: 860px;justify-content: space-between;height: 50px;margin-left: auto;margin-right: auto;}
.nav li{text-align: center;line-height: 50px;}
.nav li a{color: #fff;font-size: 16px;display: inline-block;width: 150px;text-align: center;}
.nav li a p{font-size:14px; }
.navBg{background: #139bf2;}
.nav li.active a,.nav li a:hover{background: #0073da;}
.bodyContaier{width: 1000px;margin-left:auto;margin-right: auto;display: flex;justify-content: space-between;}

.productUl{display: flex;justify-content: space-between;width: 760px;padding: 20px;}
.productUl li{text-align: center;width: 140px;border:1px solid #fff;box-shadow: 1px 4px 6px #eee;padding: 20px 0;}
.productUl li a{color: #666;font-size: 14px;}
.productUl li a p{padding-top: 10px;}
.productUl li img{width: 100px;height: 100px;overflow: hidden;display: inline-block;transition: ease 0.3s;}
.productUl li img:hover{transform: scale(1.07);transition: ease 0.3s;}
.productUl li a:hover p{color: #139bf2;}
.content_left{margin-top: 30px;width: 180px;}
.content_right{margin-top: 30px;width: 800px;}

.productUl li:hover{border:1px solid #eee;}
.pTitle{padding:20px;border-bottom: 1px solid #eee;color: #333;display: flex;justify-content: space-between;position: relative;padding-left: 40px;}
.pTitle:before{position: absolute;border-top: 1px solid #8ed3ff;content: "";top: 0;left: 0;right: 0;}
a.reserch{display: inline-block;width: 50px;text-align: center;height: 32px;line-height: 32px;background: #139bf2;color: #fff;}
a.reserch:hover{opacity: 0.9;color: #fff;}
.pTitle span{color: #888;}
input.reInput{height: 32px;padding-left: 10px;width: 220px;box-sizing: border-box;}
.pTitle div a{color: #999;font-size: 12px;}
.pTitle div a:hover{color: #666;}
.newsUl{padding:0 20px; }
.newsUl li{display:flex;justify-content: space-between; font-size: 12px;color: #999;padding: 10px 0px 10px 10px;border-bottom:1px solid #eee;overflow: hidden;}
.newsUl li a{position: relative;color: #666;font-size: 14px;flex: 1;display: inline-block;}
.newsUl li a:before{position: absolute;content: "";width: 4px;height: 4px;background: #68c5f6;left: -10px;top: 7px;}
.newsUl li a:hover{color: #333;}
.newsBox{display: flex;justify-content: space-between;}
.newsList{background: #fff;width: 395px;}

.proClass{background: #4a9cff;}

.classTle{font-size: 14px;color: #333;padding: 10px 15px;border-bottom:1px solid #eee;display: flex;justify-content: space-between;}
.classTle div a{font-size: 12px;}
.classTle p{font-size: 14px;color: #999;}
.classDl{font-size: 14px;padding: 5px 20px;line-height: 30px;color: #fff;}
.profile{/* display: flex;justify-content: space-between;align-items: flex-start; */padding: 20px;}
.profile img{width: 100%;height: auto;}
.profile div{/* width: 560px; */font-size: 14px;color: #666;line-height: 26px;}
.footbg{background: #000;padding: 30px 0;color: #fff;text-align: center;margin-top: 30px;font-size: 14px;}
.tel{font-size: 16px;padding: 10px 10px;color: #4a9cff;display: flex;align-items: center;}
.tel img{width: 20px;height: 20px;margin-right: 10px;}
.whiteBor{background: #fff;color: #888;border:1px solid #eee;}
.proClass .classTle{border-bottom:1px solid #64bfff;color: #fff;}
.proClass .classTle p{color: #fff;}
.titleFont{position: relative;}
.titleFont i{position: absolute;left: -28px;top: 0;}
.titleFont i img{width: 20px;height: 20px;}
.leftText{padding: 10px 15px;font-size: 14px;}

input.leftInput{height: 28px;width: 150px;margin-bottom: 10px;padding-left: 10px;box-sizing: border-box;}
.loginbtn{font-size: 12px;background: #139bf2;color: #fff;border:0;cursor: pointer;}
a.register{font-size: 12px;margin-left: 10px;}
.patenter{font-size: 16px;height: 50px;line-height: 50px;padding-left: 20px;}
.patenter a{font-size: 12px;margin-left: 20px;}
.patenter a:hover{color: #333;}




/*detail*/
.proIntro{font-size: 14px;color: #555;}
.proTitle{padding-left: 30px;}
.titleFont{display: flex;}
.titleFont span{font-size: 14px;color: #666;}
.product{padding: 20px;}
.meditical{font-size: 16px;color: #444;}
.meditical p{font-size: 18px;}
.meditical img{height: 300px;}
.proIntro h3{font-size: 16px;margin: 10px 0;color: #333;}
.pline{height: 1px;width: 100%;background: #ddd;display: block;margin: 20px 0;}
.proIntro p{line-height: 24px;}

.aboutTxt{padding: 20px;color: #666;font-size: 14px;line-height: 26px;}
.aboutImg img{width: 760px;}
.aboutImg{padding-top: 20px;}

.aboutTxt .tel{color: #333;font-size: 18px;}

.margin-b-50 {
    margin-bottom: 50px;
}

.dateWidth {
    min-width: 70px;
    text-align: right;
}

.contantP{color: #555;}
.contantP p span,.contantP div span{font-size: 16px;color: #333;}